window.addEventListener('load', function () {
    var li = document.querySelectorAll('li')
    var cloud = document.querySelector('.cloud')
    var start = 0

    for (var i = 0; i < li.length; i++) {
        //给li添加移入事件，让云朵跟随鼠标
        li[i].addEventListener('mouseenter', function () {
            animate(cloud, this.offsetLeft)
        })
        //给li添加移除事件，移出时，云朵回到初始位置
        li[i].addEventListener('mouseleave', function () {
            animate(cloud, start)
        })
        //给li添加点击事件，点击后，更新云朵的初始位置，下一次移出时让云朵回到初始位置

        li[i].addEventListener('click', function () {
            start = this.offsetLeft
        })
    }
})